<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>百度一下</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src="js/jquery.js"></script>
</head>

<body>
    <div class="wrap">
    <!-- header部分 -->
    <div class="header">
        <div class="left_header">
            <!-- 城市 -->
            <span class="left_city"><em class="left_city_name">青岛:</em></span>
            <!-- 天气 -->
            <span class="left_icon"><span class="left_weather_icon"></span><em class="left_city_name">13℃</em></span>
            <span class="left_temperature"><em class="left_temperature_name">良</em><em class="left_temperature_num">93</em></span>
            <span class="left_dividi"></span>
            <div class="left_href">
                <a class="left_first_a" href="javascript:;"><span>宝箱</span></a>
                <a href="javascript:;"><span>换肤</span></a>
                <a href="javascript:;"><span>消息</span></a>
                <a href="javascript:;"><span>显示频道</span></a>
            </div>
        </div>
        <!-- 右侧 显示 开始-->
        <div class="right_header">
            <a href="javascript:;">新闻</a>
            <a href="javascript:;">hao123</a>
            <a href="javascript:;">地图</a>
            <a href="javascript:;">视频</a>
            <a href="javascript:;">贴吧</a>
            <a class="right_header_account" href="javascript:;" data-show="show" data-show-id="arrown">于仙1</a>
            <a href="javascript:;" data-show="show" data-show-id="setting">设置</a>
            <a href="javascript:;" class="right_more_product"><span>更多产品</span></a>
            <!-- 帐号开始 -->
            <div class="right_header_account_down" id="arrown" style="display:none;">
                <span class="right_header_account_down_arrown"></span>
                <ul>
                    <li><a href="javascript:;">我的VIP</a></li>
                    <li><a href="javascript:;">个人中心</a></li>
                    <li><a href="javascript:;">帐号设置</a></li>
                    <li><a href="javascript:;">意见反馈</a></li>
                    <li><a href="javascript:;">退出</a></li>
                </ul>
            </div>
            <!-- 帐号结束 -->
            <!-- 设置开始 -->
            <div class="right_header_account_down right_header_account_setting" id="setting" style="display:none;">
                <span class="right_header_account_down_arrown"></span>
                <ul>
                    <li><a href="javascript:;"> 搜索设置 </a></li>
                    <li><a href="javascript:;"> 高级搜索 </a></li>
                    <li><a href="javascript:;"> 搜索历史 </a></li>
                    <li><a href="javascript:;"> 意见反馈 </a></li>
                </ul>
            </div>
            <!-- 设置结束 -->
        </div>
        <!-- 右侧 显示 结束-->
    </div>
    <!-- 内容部分 -->
    <div class="content">
        <div class="content_size">
            <img src="img/bd_logo1_31bdc765.png" height="129" width="270">
            <div class="content_search_btn">
                <div class="content_search_input">
                    <input class="content_search" type="text" name="search">
                    <span class="content_search_sound_recording"></span>
                    <input class="btn" type="button" value="百度一下">
                </div>
            </div>
        </div>
    </div>
    <!-- footer 部分 -->
    <div class="footer">
        <div class="footer_content">
            <a class="sethome" href="//www.baidu.com/cache/sethelp/index.html" target="_blank">设为首页</a>
            <span>
              ©2015Baidu 
            <a href="javascript:;">使用百度前必读</a>
            <a>意见反馈</a>
            <span>京ICP证030173号</span>
            <img src="img/copy_rignt_24.png" height="16" width="14">
            </span>
        </div>
    </div>
    </div>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>
